<!--
 * @Author: YuA
 * @Date: 2021-08-09 22:16:04
 * @LastEditTime: 2021-08-21 10:00:36
 * @FilePath: \index\src\components\content\goods\GoodsList.vue
-->
<template>
  <div class="goods">
    <swiper class="swiper-container" :options="swiperOption">
      <slot></slot>
      <swiper-slide v-for="(items, index) in imgs" :key="index">
        <goods-list-item
          :goods-item="item"
          v-for="(item, index) in goods"
          :key="index"
        />
      </swiper-slide>
    </swiper>
  </div>
</template>

<script>
import GoodsListItem from "./GoodsListItem.vue";

export default {
  name: "GoodsList",
  components: { GoodsListItem },
  props: {
    goods: {
      type: Array,
      default() {
        return [];
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.goods {
  display: fleX;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
</style>
